<script type='text/x-template' id="bottom-tab-menu-template" >
    <nav id="bottom-tab-menu">
        <div class="menu-item">
            <a class="" href="https://mall.opencart.cn/">
                <i class="iconfont"></i>
                <div class="name">首页</div>
            </a>
        </div>
        <div class="menu-item">
            <a class="active" href="/frontend/search.html">
                <i class="iconfont"></i>
                <div class="name">搜索</div>
            </a>
        </div>
        <div class="menu-item">
            <a class="" href="https://mall.opencart.cn/index.php?route=mobile/categories">
                <i class="iconfont"></i>
                <div class="name">分类</div>
            </a>
        </div>
        <div class="menu-item cart">
            <a class="" href="https://mall.opencart.cn/index.php?route=checkout/cart">
                <i class="iconfont"><span class="cart-total" style="display:none;"></span></i>
                <div class="name">购物车</div>
            </a>
        </div>
        <div class="menu-item">
            <a class="" href="https://mall.opencart.cn/index.php?route=account/account">
                <i class="iconfont"></i>
                <div class="name">我的</div>
            </a>
        </div>
    </nav>
</script>


<script>
    Vue.component('footer-nav',function( resolve, reject ){
        resolve({
            props:[],
            data:function(){
                return{
                    message:'template success'
                }
            },

            created:function(){


            },
            watch:{

            },
            template: '#bottom-tab-menu-template'
        });
    });
</script>